<!doctype html>
<!-- Conditional comment for mobile ie7 blogs.msdn.com/b/iemobile/ -->
<!--[if IEMobile 7 ]>    <html class="no-js iem7" lang="en"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js" lang="en"> <!--<![endif]--><head>
  <meta charset="utf-8">

  <title>Comida</title>
  <meta name="description" content="">

 
  <meta name="viewport" content="width=device-width">

  <!-- Home screen icon  Mathias Bynens mathiasbynens.be/notes/touch-icons -->
  <!-- For iPhone 4 with high-resolution Retina display: -->
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/h/apple-touch-icon.png">
  <!-- For first-generation iPad: -->
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/m/apple-touch-icon.png">
  <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
  <link rel="apple-touch-icon-precomposed" href="img/l/apple-touch-icon-precomposed.png">
  <!-- For nokia devices: -->
  <link rel="shortcut icon" href="img/l/apple-touch-icon.png">

  <!-- iOS web app, delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
  <!-- <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->
  <!-- <script>(function(){var a;if(navigator.platform==="iPad"){a=window.orientation!==90||window.orientation===-90?"img/startup-tablet-landscape.png":"img/startup-tablet-portrait.png"}else{a=window.devicePixelRatio===2?"img/startup-retina.png":"img/startup.png"}document.write('<link rel="apple-touch-startup-image" href="'+a+'"/>')})()</script> -->
  
  <!-- The script prevents links from opening in mobile safari. https://gist.github.com/1042026 -->
  <!-- <script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script> -->
  
  <!-- Mobile IE allows us to activate ClearType technology for smoothing fonts for easy reading -->
  <!--<meta http-equiv="cleartype" content="on">-->

  <!-- more tags for your 'head' to consider h5bp.com/d/head-Tips -->

  <!-- Main Stylesheet -->
  <link rel="stylesheet" href="css/style.css">
  
  
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
  <link rel="stylesheet" href="css/SanCayetano.min.css">
   <link rel="stylesheet" href="css/SanCayetano.css">
   <link href='http://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
   
	
  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  <script src="js/libs/modernizr-2.0.6.min.js"></script>
  <script src="js/iscroll.js"></script>
  
 
</head>

<body>



    
<div data-role="page" data-theme="a" id="comidaPage">

	<div data-role="header" id="header">
		<div class="logo-container">
			
				
                <div class="menu" id="menuD" onClick="mostrar()"><span>Menu</span><span class="menuArrow"></span></div>
                
			
		</div>
	</div>
    <div class="header-logo"></div>
    
    <div id="dropdown">
    <div class="fl">
    	<ul  class="listaMenu" data-role="listview" data-theme="a" data-icon="false">
        	<li  data-role="list-divider" role="heading" class="cabeceraMenu">Información</li>
            <li  data-icon="false" class="lineaMenu">
            	<a href="noticias.html" rel="">
                    	<img alt="" src="css/images/menu/noticias.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Noticias</div>
                </a>
            
            </li>
            <li data-icon="false" class="lineaMenu">
            	<a href="calendario.html" rel="external">
                    	<img alt="" src="css/images/menu/calendario.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Calendario</div>
                </a>
            
            </li>
            <li data-icon="false" class="lineaMenu">
            	<a href="galeria.html" rel="external">
                    	<img alt="" src="css/images/menu/galeria.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Galeria</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="youtube.html" rel="external">
                    	<img alt="" src="css/images/menu/youtube.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">YouTube</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="" rel="">
                    	<img alt="" src="css/images/menu/menu.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Menu</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="contacto.html" rel="external">
                    	<img alt="" src="css/images/menu/contacto.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Contacto</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="ajustes.html" rel="external">
                    	<img alt="" src="css/images/menu/ajustes.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Ajustes</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="alertas.html" rel="external">
                    	<img alt="" src="css/images/menu/alertas.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Alertas</div>
                </a>
            
            </li>
            
		</ul>
        </div>
    </div>
	
	<div data-role="content">
   
    		<h1 id="fechaActual">
            	<div class="centrar">
                    <div class="flechaIzquierda"></div>
                    <div class="fechaTexto">Sábado 22/09/2012</div>
                    <div class="flechaDerecha"></div>
                </div>
            </h1>
   
    		<h2>Pimer Plato</h2>
            <div id="primerPlato"> Macarrrones Boloñesa y Carbonara</div>
            <h2>Segundo Plato</h2>
            <div id="segundoPlato">Lomo empanado, patatas fritas y verduras salteadas</div>
            <h2>Postre</h2>
            <div id="postre">Postre variado</div>
    			
               
           		
    </div><!-- /content -->	
	
    <div class="bottom">
    
    <div id="wrapper_3">
    <div id="scroller">
         <div  class="bloqueComida">
                <div class="itemComida" id="mayores" onClick="seleccionarMenu()">
                    <span id="hoy_span" class="textoIcoSeleccionado">Mayores</span>
                </div>
                <div class="itemComida" id="pequeños" onClick="seleccionarComidaMes()">
                    <span id="mes_span" class="textoIco">Infantil</span>
                </div>
                <div class="itemComida" id="adaptado" onClick="seleccionaComidaTodo()">
                    <span id="todo_span"  class="textoIco">Adaptados</span>
                </div>
          </div>
          <div  class="bloqueComida">
                <div class="itemComida" id="m_escoleta" onClick="seleccionarMenu()">
                    <span id="hoy_span" class="textoIcoSeleccionado">Escoleta</span>
                </div>
                <div class="itemComida" id="m_parvulario" onClick="seleccionarComidaMes()">
                    <span id="mes_span" class="textoIco">Parvulario</span>
                </div>
                <div class="itemComida" id="m_primaria" onClick="seleccionaComidaTodo()">
                    <span id="todo_span"  class="textoIco">Primaria</span>
                </div>
          </div>
        </div>
      </div>
        
        <div data-role="footer" id="footer">
            <div class="conocenos">
            </div>
        </div>
    
	</div>
    </div>
	
  	
    
    
	<div data-role="page" id="todoComidaPage">

    <div data-role="header" data-position="fixed">
        <a href="#comidaPage" data-rel="back">volver</a>
        <h1></h1>
    </div>
    
   

                <div data-role="content" id="entryText">
                	
                </div>
        
			
        <div data-role="footer" id="footer" data-position="fixed">
    
     
        
      </div>
    </div>
  
  	


  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
  
	
  <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

  <!-- scripts concatenated and minified via ant build script-->
  <!-- aqui linkamos la api de google para la lectura de feeds -->
  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  <script src="js/helper.js"></script>
  <!-- scripts concatenados y minimizados mediante un script de hormiga-->
  
  <script src="js/script.js"></script>
  <!-- fin de scripts-->
  <!-- end scripts-->

  <!-- Debugger - remove for production -->
  <!-- <script src="https://getfirebug.com/firebug-lite.js"></script> -->

  <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
       mathiasbynens.be/notes/async-analytics-snippet -->


</body>
</html>
